import { Component } from 'react';
import './Tab.css'

// var arr = [1, 2, 3, 4]

// arr.map(function(item, index, array) {
//     return item === 2
// })
// console.log(a)
class Tab extends Component {
    render() {
        return (
            <div id="tab">
                <ul>
                    { 
                        this.props.list.map((item, i) => {
                            return <li key={i} onClick={() => {
                                this.props.type(item.type)
                            }}>{item.name}</li>
                        })
                    }
                </ul>
            </div>
        )
    }
}

export default Tab